<template>
  <div
    class="carts relative z-9999 box-border min-h-screen bg-hex-f5f5f5 text-hex-333">
    <div :style="{ paddingTop: `${searchBarTop}px` }" class="flex items-center justify-between px-20rpx pl-24rpx text-right text-28rpx text-hex-32302f">
      <div class="text-32rpx text-hex-282C3B">购物车</div>
      <div>管理</div>
    </div>
    <!-- 删除弹窗 -->
    <confirm ref="delpop" />
    <div class="h-167rpx">
      <tab-bar :is-show-text="true" />
    </div>
  </div>
  <!-- <tab-bar /> -->
</template>


<script setup lang="ts">
let delpop = $ref(null)
let searchBarTop = $ref('24')
</script>

<style lang="scss" scoped>
.carts{
  .safe-bottom1{
    height: env(safe-area-inset-bottom); /* 兼容 IOS>11.2 */
  }

  ::v-deep(.uni-swipe_box){
    .uni-swipe_button-group{
      top: 14px;
      border-top-right-radius: 16rpx;
      border-bottom-right-radius: 16rpx;
    }
  }
}
</style>

